<template>
  <div>
    App
    <button @click="show">显示</button>
    <button @click="hide">隐藏</button>
    <button @click="$dialog.success('success')">success</button>
    <button @click="$dialog.info('info')">info</button>
    <button @click="$dialog.warning('warning')">warning</button>
    <button @click="$dialog.danger('danger')">danger</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    show() {
      this.$dialog.show({
        type: 'success',
        text: '🌶',
      })
    },
    hide() {
      this.$dialog.hide()
    },
  },
}
</script>
